<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>订单页</title>
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/compound.css" />
		<link rel="stylesheet" type="text/css" href="font/iconfont.css" />
		<script src="js/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/compound.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div id="wrapper">
		<div class="head">
			<!--定位导航-->
			<div id="head-top" class="w">
				<div id="head-top-content" class="h">
					<ul class="head-top-ul1 h">
						<li><i class="iconfont icon-hongjiuchengiconhongjiucheng icon-home"></i>当前城市：</li>
						<li class="head-display-par" id="head-display-a">
							<i class="iconfont icon-dangqianchengshi  icon-down"></i>
							<a href="javascript:;" class="head-a">北京</a>
							<div id="head-display">
								<p class="head-display-city">
									<a href="javascript:;">北京</a>
									<a href="javascript:;">上海</a>
									<a href="javascript:;">天津</a>
									<a href="javascript:;">重庆</a>
								</p>
								<p class="head-display-city">
									<a href="javascript:;">山西</a>
									<a href="javascript:;">河北</a>
									<a href="javascript:;">河南</a>
									<a href="javascript:;">辽宁</a>
								</p>
								<p class="head-display-city">
									<a href="javascript:;">吉林</a>
									<a href="javascript:;">陕西</a>
									<a href="javascript:;">深圳</a>
									<a href="javascript:;">江苏</a>
								</p>
								<p class="head-display-city">
									<a href="javascript:;">山东</a>
									<a href="javascript:;">安徽</a>
									<a href="javascript:;">浙江</a>
									<a href="javascript:;">福建</a>
								</p>
								<p class="head-display-city">
									<a href="javascript:;">湖北</a>
									<a href="javascript:;">湖南</a>
									<a href="javascript:;">广东</a>
									<a href="javascript:;">江西</a>
								</p>
								<p class="head-display-city">
									<a href="javascript:;">海南</a>
									<a href="javascript:;">贵州</a>
									<a href="javascript:;">宁夏</a>

									<a href="javascript:;">黑龙江</a>

								</p>
							</div>
						</li>
						<li>你好，欢迎进入!</li>
						<li>
							<a class="head-a" href="login.html">登录</a>
						</li>
						<li>
							<a class="head-a" href="register.html">注册</a>
						</li>
					</ul>

					<ul class="head-top-ul2 h">
						<li class="head-position-par">
							<a class="head-a" href="javascript:;">我的账户</a><i class="iconfont icon-arrowDown icon-down"></i>
							<div class="head-myself">
								<p class="head-myself-children">
									<a href="order.html">我的订单</a>
								</p>
								<p class="head-myself-children">
									<a href="javascript:;">我的资料</a>
								</p>
								<p class="head-myself-children">
									<a href="javascript:;">我的收藏</a>
								</p>
								<p class="head-myself-children">
									<a href="shopping.html">我的购物车</a>
								</p>
								<p class="head-myself-children">
									<a href="javascript:;">我的关注</a>
								</p>
							</div>
						</li>
						<li><i class="iconfont icon-tubiaoshangcheng icon-down"></i>
							<a class="head-a" href="shopping.html">购物车<span class="head-number">1</span>件</a>
						</li>
						<li>
							<a class="head-a" href="javascript:;">客户服务</a>
						</li>
						<li>
							<a class="head-a" href="javascript:;">大客户</a>
						</li>
					</ul>
				</div>
			</div>
			
				
			<!--logo，搜索内容显示位置-->
			<div id="head-content">
				<!--logo-->
				<div class="head-content-left">
					<img src="img/logo.png"/>
				</div>
				<!--搜索-->
				<div class="head-content-search">
					<p class="head-p"><i class="iconfont icon-sou icon-search f16"></i><input type="text" class="head-input" /><input type="button" class="head-btn" value="搜索" /></p>
					<div class="head-p2">
						<ul class="head-ul3 h">
							<li>
								<a class="head-a" href="javascript:;">红酒</a>
							</li>
							<li>
								<a class="head-a" href="javascript:;">葡萄酒</a>
							</li>
							<li>
								<a class="head-a" href="javascript:;">奔富</a>
							</li>
							<li>
								<a class="head-a" href="javascript:;">轩尼诗</a>
							</li>
							<li>
								<a class="head-a" href="javascript:;">拉菲</a>
							</li>
						</ul>
					</div>
				</div>
				<!--二维码-->
				<div class="head-content-right"><img src="img/erweima.jpg" /></div>
				<!--产品导航栏-->
				<nav>
					<div class="head-nav-left h f16">全部商品分类</div>
					<div class="head-nav-ul">
						<ul class="w">
							<li>
								<a href="index.html" class="head-a f16">首页</a>
							</li>
							<li>
								<a href="Global-.html" class="head-a f16">名庄甄选</a>
							</li>
							<li>
								<a href="flash-purchase.html" class="head-a f16">限时闪购</a>
							</li>
							<li>
								<a href="jiuzhuangjieshaofenye.html" class="head-a f16">美酒知识</a>
							</li>
							<li>
								<a href="wine.html" class="head-a f16">红洋美酒</a>
							</li>
						</ul>
					
					</div>
				</nav>
			</div>
			<div class="head-border w"></div>
		</div>
	
			<div id="content">
				<div id="sidebar">
					<div class="div1">我的交易
						<p>
							<a href="javascript:;">我的订单</a>
						</p>
						<p>
							<a href="javascript:;">充值订单</a>
						</p>
						<p>
							<a href="javascript:;">我的收藏</a>
						</p>
						<p>
							<a href="javascript:;">我的足迹</a>
						</p>
					</div>
					<div class="div2">我的资产
						<p>
							<a href="javascript:;">我的积分</a>
						</p>
						<p>
							<a href="javascript:;">优惠券</a>
						</p>
						<p>
							<a href="javascript:;">账户余额</a>
						</p>
						<p>
							<a href="javascript:;">购物卡</a>
						</p>
						<p>
							<a href="javascript:;">我的提货卡</a>
						</p>
						<p>
							<a href="javascript:;">我的VIP账户</a>
						</p>
					</div>
					<div class="div3">我的账户
						<p>
							<a href="javascript:;">收货地址管理</a>
						</p>
						<p>
							<a href="javascript:;">我的级别</a>
						</p>
						<p>
							<a href="javascript:;">个人资料</a>
						</p>
					</div>
					<div class="div4">客户服务
						<p>

							<a href="javascript:;">我的退货记录</a>
						</p>
					</div>
				</div>
				<div class="content">
					<div class="title">
						<div class="p1">我的订单</div>
						<div class="p2">
							近三个月订单
							<span class="iconfont icon-arrowDown"></span>
							<div>
								<p>
									<a href="javascript:;">近三个月订单</a>
								</p>
								<p>
									<a href="javascript:;">一年内订单</a>
								</p>
								<p>
									<a href="javascript:;">历史订单</a>
								</p>
							</div>
						</div>
						<div class="p3">
							全部订单
							<span class="iconfont icon-arrowDown"></span>
							<div>
								<p>
									<a href="javascript:;">全部订单</a>
								</p>
								<p>
									<a href="javascript:;">待支付</a>
								</p>
								<p>
									<a href="javascript:;">等待发货</a>
								</p>
								<p>
									<a href="javascript:;">等待收货</a>
								</p>
								<p>
									<a href="javascript:;">已完成</a>
								</p>
								<p>
									<a href="javascript:;">已取消</a>
								</p>
							</div>
						</div>
						<div class="p4">
							<a href="javascript:;"><span class="iconfont icon-weibiaoti3"></span> 订单回收站
							</a>
							<p>
								说明：<br> 1. 只有已取消和已完成的订单可以删除；<br> 2. 被删除的订单将无法进行评价、晒单和申请退换货等操作；如果想继续这些操作，可以先将被删除的订单还原；<br> 3. 订单被永久删除后无法还原。
							</p>
						</div>
						<div class="p5">
							<input type="text" />
							<span class="iconfont icon-weibiaoti3"></span>

						</div>
					</div>
					<div id="myorder">
						<div class="title">
							<span>商品展示</span>
							<span>商品信息</span>
							<span>单价(元)</span>
							<span>数量</span>
							<span>金额(元)</span>
							<span>操作</span>
						</div>
						<div class="shop_nav">
							<ul>
								<li class="order-li"><img src="img/myimg/global/shangping/1471512291113612.jpg"/></li>
								<li class="order-title">佳得美庄园干红葡萄酒</li>
								<li class="oneprice">850.01</li>
								<li>1</li>
								<li class="sum">850.01</li>
								<li>删除商品</li>
							</ul>
						</div>
					</div>
				</div>
			</div>

		</div>

		<div id="footer">
			<!--多快好省-->
			<div class="footer-dkhs">
				<div class="footer-dkhs-img"><img src="img/service_items_1.png" /></div>
				<div class="footer-dkhs-img"><img src="img/service_items_2.png" /></div>
				<div class="footer-dkhs-img"><img src="img/service_items_3.png" /></div>
				<div class="footer-dkhs-img"><img src="img/service_items_4.png" /></div>
			</div>
			<!--友情链接显示-->
			<div id="footer-top">
				<div class="fl footrer-top-content">
					<h5 class="footer-h5 mb5"><a href="javascript:;">新手上路</a></h5>
					<ul>
						<li>
							<a href="javascript:;">新用户演示</a>
						</li>
						<li>
							<a href="javascript:;">会员积分计划</a>
						</li>
						<li>
							<a href="javascript:;">会员等级规则</a>
						</li>
						<li>
							<a href="javascript:;">售后服务政策</a>
						</li>
						<li>
							<a href="javascript:;">发票制度</a>
						</li>
					</ul>
				</div>
				<div class="fl footrer-top-content">
					<h5 class="footer-h5 mb5"><a href="javascript:;">付款方式</a></h5>
					<ul>
						<li>
							<a href="javascript:;">支付方式</a>
						</li>
						<li>
							<a href="javascript:;">支付常见问题</a>
						</li>
						<li>
							<a href="javascript:;">激活礼品卡</a>
						</li>
						<li>
							<a href="javascript:;">我买卡</a>
						</li>
						<li>
							<a href="javascript:;">电子礼品卡说明</a>
						</li>
					</ul>
				</div>
				<div class="fl footrer-top-content">
					<h5 class="footer-h5 mb5"><a href="javascript:;">配送信息</a></h5>
					<ul>
						<li>
							<a href="javascript:;">配送运费信息</a>
						</li>
						<li>
							<a href="javascript:;">生鲜速配运费标准</a>
						</li>
						<li>
							<a href="javascript:;">订单处理时间</a>
						</li>
						<li>
							<a href="javascript:;">验货与拒收政策</a>
						</li>
						<li>
							<a href="javascript:;">用券订单结算说明</a>
						</li>
					</ul>
				</div>
				<div class="fl footrer-top-content">
					<h5 class="footer-h5 mb5"><a href="javascript:;">温馨提示</a></h5>
					<ul>
						<li>
							<a href="javascript:;">找回密码</a>
						</li>
						<li>
							<a href="javascript:;">联系我们</a>
						</li>
						<li>
							<a href="javascript:;">常见问题热点</a>
						</li>
						<li>
							<a href="javascript:;">顾客意见</a>
						</li>
						<li>
							<a href="javascript:;">关于跨境购</a>
						</li>
					</ul>
				</div>
			</div>
			<!--尾部-->
			<div id="footer-bottom">
				<p class="footer-p">
					<span><a href="javascript:;">关于我们</a></span>
					<span>|</span>
					<span><a href="javascript:;">免费条款</a></span>
					<span>|</span>
					<span><a href="javascript:;">中粮集团</a></span>
					<span>|</span>
					<span><a href="javascript:;">友情链接</a></span>
					<span>|</span>
					<span><a href="javascript:;">搜索热词</a></span>
					<span>|</span>
					<span><a href="javascript:;">实物购物券</a></span>
					<span>|</span>
					<a href="javascript:;">客服电话：400-005-5678</a>
				</p>
				<p>
					<span><a href="javascript:;"><img src="img/beian.png"/>京公网安备 11010102000458号</a></span>
					<span>|</span>
					<span>京ICP备 13003995号</span>
					<span>|</span>
					<span>营业执照（统一社会信用代码）91110000055590239L</span>
					<span>|</span>
					<span>食品经营许可证：JY11105020028185</span>
					<span>|</span>
					<span>Copyright&copy;2009-2017 vin酒庄上购物 版权所有</span>
				</p>
			</div>
		</div>

		<script type="text/javascript">
			$("#sidebar a").css("color", "#666666")
			$("#sidebar p").css("background-color", "#F5F5F5");
			$("#sidebar p").click(function() {
				$("#sidebar a").css("color", "#666666")
				$("#sidebar p").css("background-color", "#F5F5F5");
				$(this).css("background-color", "#C4166E");
				$(this).children("a").css("color", "#F5F5F5");

			});
			$("#content .p2 ").mousemove(function() {
				$(this).children("div").show();
				$(this).css("background-color", "#F5F5F5");
			});
			$("#content .p2 ").mouseout(function() {
				$(this).children("div").hide();
				$(this).css("background-color", "white");
			});
			$("#content .p3 ").mousemove(function() {
				$(this).children("div").show();
				$(this).css("background-color", "#F5F5F5");
			});
			$("#content .p3 ").mouseout(function() {
				$(this).children("div").hide();
				$(this).css("background-color", "white");
			});
			$("#content .p4 ").mousemove(function() {
				$(this).children("p").show();
				$(this).css("background-color", "#F5F5F5");
			});
			$("#content .p4 ").mouseout(function() {
				$(this).children("p").hide();
				$(this).css("background-color", "white");
			});
		</script>
	</body>

</html>